<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
    <title>前端导航网站</title>
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./common.css">
    <link rel="stylesheet" href="./style.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
    
    <header>
        <form method="GET" action="https://www.baidu.com/s" target="_blank">
            <input name="wd" type="text" autofocus="autofocus">
            <button type="submit">搜索</button>
        </form>
    </header>

    <main>
        <ul class="site-list">
            <!-- <li>
                <a href="">
                    <img src="https://www.acfun.cn/favicon.ico" alt="logo">
                    <span></span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="https://www.bilibili.com/favicon.ico" alt="logo">
                    <span></span>
                </a>
            </li> -->
            <li>
                <a class="add-site">
                    <svg class="icon" aria-hidden="true" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <use xlink:href="#icon-add"></use>
                    </svg>
                    新增网站
                </a>
            </li>
        </ul>
    </main>

    <script src="//at.alicdn.com/t/font_2697433_o4c4glhoy.js"></script>
    <script src="./main.js"></script>

</body>
</html>